<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分类管理</title>
    <link type="text/css" rel="stylesheet" href="css/style.css" />
</head>
<script src="./js/vue.js" type="text/javascript"></script>
<script src="./js/axios.min.js" type="text/javascript"></script>
<body>
<div class="soubg">
    <div class="sou">
        <!--Begin 所在收货地区 Begin-->
        <span class="s_city_b">
        	<span class="fl">送货至：</span>
            <span class="s_city">
            	<span>四川</span>
                <div class="s_city_bg">
                	<div class="s_city_t"></div>
                    <div class="s_city_c">
                    	<h2>请选择所在的收货地区</h2>
                        <table border="0" class="c_tab" style="width:235px; margin-top:10px;" cellspacing="0" cellpadding="0">
                          <tr>
                            <th>A</th>
                            <td class="c_h"><span>安徽</span><span>澳门</span></td>
                          </tr>
                          <tr>
                            <th>B</th>
                            <td class="c_h"><span>北京</span></td>
                          </tr>
                          <tr>
                            <th>C</th>
                            <td class="c_h"><span>重庆</span></td>
                          </tr>
                          <tr>
                            <th>F</th>
                            <td class="c_h"><span>福建</span></td>
                          </tr>
                          <tr>
                            <th>G</th>
                            <td class="c_h"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
                          </tr>
                          <tr>
                            <th>H</th>
                            <td class="c_h"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
                          </tr>
                          <tr>
                            <th>J</th>
                            <td class="c_h"><span>江苏</span><span>吉林</span><span>江西</span></td>
                          </tr>
                          <tr>
                            <th>L</th>
                            <td class="c_h"><span>辽宁</span></td>
                          </tr>
                          <tr>
                            <th>N</th>
                            <td class="c_h"><span>内蒙古</span><span>宁夏</span></td>
                          </tr>
                          <tr>
                            <th>Q</th>
                            <td class="c_h"><span>青海</span></td>
                          </tr>
                          <tr>
                            <th>S</th>
                            <td class="c_h"><span>上海</span><span>山东</span><span>山西</span><span class="c_check">四川</span><span>陕西</span></td>
                          </tr>
                          <tr>
                            <th>T</th>
                            <td class="c_h"><span>台湾</span><span>天津</span></td>
                          </tr>
                          <tr>
                            <th>X</th>
                            <td class="c_h"><span>西藏</span><span>香港</span><span>新疆</span></td>
                          </tr>
                          <tr>
                            <th>Y</th>
                            <td class="c_h"><span>云南</span></td>
                          </tr>
                          <tr>
                            <th>Z</th>
                            <td class="c_h"><span>浙江</span></td>
                          </tr>
                        </table>
                    </div>
                </div>
            </span>
        </span>
        <!--End 所在收货地区 End-->
        <span class="fr">
        	<span class="fl">你好，请<a href="Login.html">登录</a>&nbsp; <a href="Regist.html" style="color:#ff4e00;">免费注册</a>&nbsp;|&nbsp;<a href="#">我的订单</a>&nbsp;|</span>
        	<span class="ss">
            	<div class="ss_list">
                	<a href="#">收藏夹</a>
                    <div class="ss_list_bg">
                    	<div class="s_city_t"></div>
                        <div class="ss_list_c">
                        	<ul>
                            	<li><a href="#">我的收藏夹</a></li>
                                <li><a href="#">我的收藏夹</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="ss_list">
                	<a href="#">客户服务</a>
                    <div class="ss_list_bg">
                    	<div class="s_city_t"></div>
                        <div class="ss_list_c">
                        	<ul>
                            	<li><a href="#">客户服务</a></li>
                                <li><a href="#">客户服务</a></li>
                                <li><a href="#">客户服务</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="ss_list">
                	<a href="#">网站导航</a>
                    <div class="ss_list_bg">
                    	<div class="s_city_t"></div>
                        <div class="ss_list_c">
                        	<ul>
                            	<li><a href="#">网站导航</a></li>
                                <li><a href="#">网站导航</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </span>
            <span class="fl">|&nbsp;关注我们：</span>
            <span class="s_sh"><a href="#" class="sh1">新浪</a><a href="#" class="sh2">微信</a></span>
            <span class="fr">|&nbsp;<a href="#">手机版&nbsp;<img src="images/s_tel.png" align="absmiddle" /></a></span>
        </span>
    </div>
</div>
<div class="m_top_bg">
    <div class="top">
        <div class="m_logo"><a href="Index.html"><img src="images/logo1.png" /></a></div>
        <div class="m_search">
            <form>
                <input type="text" value="" class="m_ipt" />
                <input type="submit" value="搜索" class="m_btn" />
            </form>
            <span class="fl"><a href="#">咖啡</a><a href="#">iphone 6S</a><a href="#">新鲜美食</a><a href="#">蛋糕</a><a href="#">日用品</a><a href="#">连衣裙</a></span>
        </div>
        <div class="i_car">
            <div class="car_t">购物车 [ <span>3</span> ]</div>
            <div class="car_bg">
                <!--Begin 购物车未登录 Begin-->
                <div class="un_login">还未登录！<a href="Login.html" style="color:#ff4e00;">马上登录</a> 查看购物车！</div>
                <!--End 购物车未登录 End-->
                <!--Begin 购物车已登录 Begin-->
                <ul class="cars">
                    <li>
                        <div class="img"><a href="#"><img src="images/car1.jpg" width="58" height="58" /></a></div>
                        <div class="name"><a href="#">法颂浪漫梦境50ML 香水女士持久清新淡香 送2ML小样3只</a></div>
                        <div class="price"><font color="#ff4e00">￥399</font> X1</div>
                    </li>
                    <li>
                        <div class="img"><a href="#"><img src="images/car2.jpg" width="58" height="58" /></a></div>
                        <div class="name"><a href="#">香奈儿（Chanel）邂逅活力淡香水50ml</a></div>
                        <div class="price"><font color="#ff4e00">￥399</font> X1</div>
                    </li>
                    <li>
                        <div class="img"><a href="#"><img src="images/car2.jpg" width="58" height="58" /></a></div>
                        <div class="name"><a href="#">香奈儿（Chanel）邂逅活力淡香水50ml</a></div>
                        <div class="price"><font color="#ff4e00">￥399</font> X1</div>
                    </li>
                </ul>
                <div class="price_sum">共计&nbsp; <font color="#ff4e00">￥</font><span>1058</span></div>
                <div class="price_a"><a href="#">去购物车结算</a></div>
                <!--End 购物车已登录 End-->
            </div>
        </div>
    </div>
</div>
<div class="i_bg bg_color">
    <!--Begin 用户中心 Begin -->
    <div class="m_content">
        <div class="m_left">
            <div class="left_n">管理中心</div>
            <div class="left_m">
                <div class="left_m_t t_bg1">订单中心</div>
                <ul>
                    <li><a href="Member_Order.html">我的订单</a></li>
                    <li><a href="Member_Address.html">收货地址</a></li>
                    <li><a href="#">缺货登记</a></li>
                    <li><a href="#">跟踪订单</a></li>
                </ul>
            </div>
            <div class="left_m">
                <div class="left_m_t t_bg2">会员中心</div>
                <ul>
                    <li><a href="Member_User.html">用户信息</a></li>
                    <li><a href="Member_Collect.html">我的收藏</a></li>
                    <li><a href="Member_Msg.html">我的留言</a></li>
                    <li><a href="Member_Links.html">推广链接</a></li>
                    <li><a href="#">我的评论</a></li>
                </ul>
            </div>
            <div class="left_m">
                <div class="left_m_t t_bg3">账户中心</div>
                <ul>
                    <li><a href="Member_Safe.html">账户安全</a></li>
                    <li><a href="Member_Packet.html">我的红包</a></li>
                    <li><a href="Member_Money.html">资金管理</a></li>
                </ul>
            </div>
            <div class="left_m">
                <div class="left_m_t t_bg4">分销中心</div>
                <ul>
                    <li><a href="Member_Member.html">我的会员</a></li>
                    <li><a href="Member_Results.html">我的业绩</a></li>
                    <li><a href="Member_Commission.html">我的佣金</a></li>
                    <li><a href="Member_Cash.html">申请提现</a></li>
                </ul>
            </div>
            <div class="left_m">
                <div class="left_m_t t_bg4">咨询管理</div>
                <ul>
                    <li><a href="userList.html">咨询列表</a></li>
                    <li><a href="userAdd.html" class="now">新增咨询</a></li>
                </ul>
            </div>
        </div>

        <div class="m_right" id="categoryManage">
            <button id="addCate" @click="addFlag=true">添加分类</button>
<!--            <p style="margin-left: 20px;">-->
<!--                用户名 <input v-model="userName"> 创建时间-->

<!--                <select v-model="cate_type">-->
<!--                    <option :value="0">&#45;&#45;请选择&#45;&#45;</option>-->
<!--                    <option :value="1">一级分类</option>-->
<!--                    <option :value="2">二级分类</option>-->
<!--                    <option :value="3">三级分类</option>-->
<!--                </select>-->
<!--                <button style="font-size:12px;" @click="getCategoryPage(1,5)">查询</button>-->
<!--            </p>-->
            <div v-if="pageInfo.total>0">
                <div class="mem_tit">分类列表</div>
                <table border="0" class="order_tab" style="width:930px; text-align:center; margin-bottom:30px;" cellspacing="0" cellpadding="0">
                    <tbody>
                    <tr>
                        <td>选择</td>
                        <td width="20%">分类名称</td>
                        <td width="20%">分类级别</td>
                        <td width="20%">父级名称</td>
                        <td width="10%">操作</td>
                    </tr>
                    <tr v-for="(cate,index) in pageInfo.list" :key="index">
                        <td width="5%"><input @change="getUpdateCategory(index)" v-model="cateRadio" :value="cate.id" type="radio" name="updateName">
                            <input type="hidden" :ref="'cateType'+index" :value="cate.type">
                        </td>
                        <td width="20%">{{cate.name}}</td>
                        <td  width="20%">
                            <span v-if="cate.type===1">一级</span>
                            <span v-if="cate.type===2">二级</span>
                            <span v-if="cate.type===3">三级</span>
                        </td>
                        <td width="20%">
                            <span v-if="cate.parent_name===null">无</span>
                            <span v-else>{{cate.parent_name}}</span>
                        </td>
                        <td width="10%"><button @click="deleteCateById(cate.type,cate.id)">删除</button></td>
                    </tr>
                    </tbody>
                </table>
                <ul id="opera">
                    <li><span>共 {{pageInfo.total}} 条 {{pageInfo.pageNum}} / {{pageInfo.pages}}页</span></li>
                    <li><button @click="opera('home')">首页</button></li>
                    <li><button @click="opera('pre')">上一页</button></li>
                    <li v-for="num in pageInfo.navigatepageNums">
                        <button v-if="num===pageInfo.pageNum" :style="styleObj" @click="getCategoryPage(num,5)">{{num}}</button>
                        <button :style="no_bgc" v-else @click="getCategoryPage(num,5)">{{num}}</button>
                    </li>
                    <li><button @click="opera('next')">下一页</button></li>
                    <li><button @click="opera('last')">末页</button></li>
                </ul>
                <transition name="hello">
                    <div id="customBox" v-show="infoFlag">
                        <div id="customInfo">
                            <div>
                                <span class="closeInfo" @click="closeInfo">X</span>
                                <p>
                                    {{infoText}}
                                </p>
                            </div>
                        </div>
                    </div>
                </transition>
            </div>
            <h3 v-else style="color:red;text-align: center;">未查询到数据！</h3>

            <table v-show="updateCate" border="0" id="addCateTable" style="width:300px; text-align:left; margin-bottom:30px;" cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td width="15%">分类级别</td>
                    <td width="20%">
                        <select disabled v-model="cate_type" @change="getCategoryList">
                            <option :value="1">一级</option>
                            <option :value="2">二级</option>
                            <option :value="3">三级</option>
                        </select>
                    </td>
                </tr>
                <tr v-show="cate_type>=2">
                    <td width="15%">一级分类</td>
                    <td width="20%">
                        <select v-model="firstType" @change="getCategoryListInThis">
                            <option v-for="(cate,index) in first_type" :key="index" :value="cate.id">
                                {{cate.name}}
                            </option>
                        </select>
                    </td>
                </tr>
                <tr v-show="cate_type==3">
                    <td width="15%">二级分类</td>
                    <td width="20%">
                        <select v-model="secondType">
                            <option v-for="(cate,index) in second_type" :key="index" :value="cate.id">
                                {{cate.name}}
                            </option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td width="15%">分类名称</td>
                    <td width="20%">
                        <input style="width: 100px" v-model="cate_name" @blur="checkCateName">
                        <span ref="cateName" style="font-size: 12px">{{cateName}}</span>
                    </td>
                </tr>
                <tr id="btn_add">
                    <td>
                        <button ref="addCategory" @click="updateCategory">修改</button>
                    </td>
                    <td>
                        <button  @click="updateCate=false">返回</button>
                    </td>
                </tr>
                </tbody>

            </table>


            <table v-show="addFlag" border="0" id="addCateTable" style="width:300px; text-align:left; margin-bottom:30px;" cellspacing="0" cellpadding="0">
                <tbody>
                <tr>
                    <td width="15%">分类级别</td>
                    <td width="20%">
                        <select v-model="cate_type" @change="getCategoryList">
                            <option :value="0">--请选择--</option>
                            <option :value="1">一级</option>
                            <option :value="2">二级</option>
                            <option :value="3">三级</option>
                        </select>
                    </td>
                </tr>
                <tr v-show="cate_type>=2">
                    <td width="15%">一级分类</td>
                    <td width="20%">
                        <select v-model="firstType" @change="getCategoryListInThis">
                            <option :value="0">--请选择--</option>
                            <option v-for="(cate,index) in first_type" :key="index" :value="cate.id">
                                {{cate.name}}
                            </option>
                        </select>
                    </td>
                </tr>
                <tr v-show="cate_type==3">
                    <td width="15%">二级分类</td>
                    <td width="20%">
                        <select v-model="secondType">
                            <option :value="0">--请选择--</option>
                            <option v-for="(cate,index) in second_type" :key="index" :value="cate.id">
                                {{cate.name}}
                            </option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td width="15%">分类名称</td>
                    <td width="20%">
                        <input style="width: 100px" v-model="cate_name" @blur="checkCateName">
                        <span ref="cateName" style="font-size: 12px">{{cateName}}</span>
                    </td>
                </tr>
                <tr id="btn_add">
                    <td>
                        <button ref="addCategory" @click="addCategory">添加</button>
                    </td>
                    <td>
                        <button  @click="addFlag=false">返回</button>
                    </td>
                </tr>
                </tbody>

            </table>

        </div>

    </div>
    <!--End 用户中心 End-->
    <!--Begin Footer Begin -->
    <div class="b_btm_bg b_btm_c">
        <div class="b_btm">
            <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="72"><img src="images/b1.png" width="62" height="62" /></td>
                    <td><h2>正品保障</h2>正品行货  放心购买</td>
                </tr>
            </table>
            <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="72"><img src="images/b2.png" width="62" height="62" /></td>
                    <td><h2>满38包邮</h2>满38包邮 免运费</td>
                </tr>
            </table>
            <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="72"><img src="images/b3.png" width="62" height="62" /></td>
                    <td><h2>天天低价</h2>天天低价 畅选无忧</td>
                </tr>
            </table>
            <table border="0" style="width:210px; height:62px; float:left; margin-left:75px; margin-top:30px;" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="72"><img src="images/b4.png" width="62" height="62" /></td>
                    <td><h2>准时送达</h2>收货时间由你做主</td>
                </tr>
            </table>
        </div>
    </div>

    <script src="./js/categoryManage.js" type="text/javascript"></script>

    <div class="b_nav">
        <dl>
            <dt><a href="#">新手上路</a></dt>
            <dd><a href="#">售后流程</a></dd>
            <dd><a href="#">购物流程</a></dd>
            <dd><a href="#">订购方式</a></dd>
            <dd><a href="#">隐私声明</a></dd>
            <dd><a href="#">推荐分享说明</a></dd>
        </dl>
        <dl>
            <dt><a href="#">配送与支付</a></dt>
            <dd><a href="#">货到付款区域</a></dd>
            <dd><a href="#">配送支付查询</a></dd>
            <dd><a href="#">支付方式说明</a></dd>
        </dl>
        <dl>
            <dt><a href="#">会员中心</a></dt>
            <dd><a href="#">资金管理</a></dd>
            <dd><a href="#">我的收藏</a></dd>
            <dd><a href="#">我的订单</a></dd>
        </dl>
        <dl>
            <dt><a href="#">服务保证</a></dt>
            <dd><a href="#">退换货原则</a></dd>
            <dd><a href="#">售后服务保证</a></dd>
            <dd><a href="#">产品质量保证</a></dd>
        </dl>
        <dl>
            <dt><a href="#">联系我们</a></dt>
            <dd><a href="#">网站故障报告</a></dd>
            <dd><a href="#">购物咨询</a></dd>
            <dd><a href="#">投诉与建议</a></dd>
        </dl>
        <div class="b_tel_bg">
            <a href="#" class="b_sh1">新浪微博</a>
            <a href="#" class="b_sh2">腾讯微博</a>
            <p>
                服务热线：<br />
                <span>400-123-4567</span>
            </p>
        </div>
        <div class="b_er">
            <div class="b_er_c"><img src="images/er.gif" width="118" height="118" /></div>
            <img src="images/ss.png" />
        </div>
    </div>
    <div class="btmbg">
        <div class="btm">
            备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com   Copyright © 2015-2018 尤洪商城网 All Rights Reserved. 复制必究 , Technical Support: Dgg Group <br />
            <img src="images/b_1.gif" width="98" height="33" /><img src="images/b_2.gif" width="98" height="33" /><img src="images/b_3.gif" width="98" height="33" /><img src="images/b_4.gif" width="98" height="33" /><img src="images/b_5.gif" width="98" height="33" /><img src="images/b_6.gif" width="98" height="33" />
        </div>
    </div>
    <!--End Footer End -->
</div>

</body>
</html>